<template>
  <div id="category">
    <vue2/>
  </div>
</template>

<script>
import {provide, ref, reactive} from 'vue'
import Vue2 from '@/views/category/categoryChild/vue2'
import Vue3 from '@/views/category/categoryChild/vue3'
export default {
  name: "Category",
  components: { Vue3, Vue2 },
  setup() {
    const movies = ref(['战狼2', '复仇者联盟', '花园宝宝']);
    const x = () => {
      ref('bbb')
    }

    provide("movies", movies)
    provide('x', x)
  },
  data() {
    return{
    }
  },
  mounted () {
  },
  methods: {
  }
}
</script>

<style scoped>
</style>
